import React  from 'react'
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
import App from '../App'
import RegisterID from '../pages/RegisterID'
import Anchor from '../pages/Anchor'
import Home from '../pages/Home'
import HotSearch from '../pages/HotSearch'
import HotSong from '../pages/HotSong'
import MusicList from '../pages/MusicList'
import Login from '../pages/Login'
import MusicPlay from '../pages/MusicPlay'

export default function index () {

  return (
    <div>
      <Router>
        <Routes>
          <Route path='/' element={<App />}>
            <Route path='/home' element={<Home />}></Route>
            <Route path='/anchor' element={<Anchor />}></Route>
          </Route>
          <Route path='/register' element={<RegisterID />}></Route>
          <Route path='/hotsong' element={<HotSong />}></Route>
          <Route path='/musiclist' element={<MusicList />}></Route>
          <Route path='/login' element={<Login />}></Route>
          <Route path='/hotsearch' element={<HotSearch />}></Route>
          <Route path='/musicpiay' element = {<MusicPlay/>}></Route>
        </Routes>
      </Router>
    </div>
  )
}
